<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<form name="form1" id="form1">
			用户名:
		</form>
		<form id="form2">
          选择年份 <select id="sel1"></select>
		</form>
		<button onclick="add()">添加</button>
		<script>
			function add(){
				console.log("add()")
				//创建网页元素
				var txt=document.createElement("input")
				//设置属性
				txt.type="text";
				txt.name="username"
				//放到页面某个元素下
				form1.appendChild(txt);
			}
			for (var i=2000;i<=2024;i++) {
			//创建一个选项标签
			var op1=document.createElement("option");
			//创建一个文本内容
			var op1txt=document.createTextNode(i);
			//将文本放入option标签
			op1.appendChild(op1txt);
			//将选项添加到年份标签
			sel1.appendChild(op1);
			}
		</script>
	</body>
</html>